全局 or 局部 mixins 混入
mixins 官方说明文档
在 main.js 全局混入
Vue.mixin({
created() {
console.log('mixins 全局混入')
}
})
// => "mixins 全局混入"
mixins 局部混入
定义 mixins.js
const setOps = () => {
return {
data() {
return {
ops: {
demo: 1
}
}
},
created(options) {
console.log('mixins 局部混入,', this.ops)
}
}
}
export {
setOps
}
- 在 .vue 的模板文件中随意引用,混入
import { setOps } from "@/mixins.js"
export default {
mixins: [setOps()],
data() {
return {
}
},
created(){
console.log('created===>')
}
}
// => "mixins 局部混入, { demo: 1 }"
// => "created===>"
Powered by Waline v2.15.8